<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>类选择器</title>
    <style type="text/css">
        /*
        1.类选择器，在需要被修饰的元素上设置class
        2.使用: .类名
        3.同一类类名相同
        */
        .css1{
            color: blue;
        }
        .css2{
            color: blueviolet;
        }
    </style>
</head>
<body>
<div class="css1">dsdsidsi</div>
<p class="css2">dsndsidsid</p>
<p class="css1">dsndsidsid</p>
</body>
</html>